.detail-title{
    width: 100%;
    height: 11.25rem;
    background: -webkit-linear-gradient(left, rgba(83, 79, 76, 0.66), rgba(78, 41, 33, 0.63)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, rgba(83, 79, 76, 0.66), rgba(78, 41, 33, 0.63)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, rgba(83, 79, 76, 0.66), rgba(78, 41, 33, 0.63)); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,rgba(83, 79, 76, 0.66) , rgba(78, 41, 33, 0.63)); /* 标准的语法 */
    position: relative;
}

.cover-box{
    width: 6.875rem;
    height: 9.1875rem;
    background-color: #fc6454;
    position: absolute;
    top: 4.5rem;
    left: 0.75rem;
    border: solid 2px #ffffff;
    box-shadow: 0px 6px 5px #888888;
}
.cover-box img{
    width: 100%;
    height: 100%;
}
.detail-back{
    position: absolute;
    left: 0.75rem;
    top: 1.5rem;
    font-size: 1.25rem !important;
    color: #ffffff; !important;
}
.span-left{
    left: 8.375rem;
    position: absolute;
    color: #ffffff;
}
.title-page-name{
    top: 4.5rem;
}
.title-page-count{
    top: 6.375rem;
    font-size: 0.75rem;
}
.buy-button{
    width: 6.25rem;
    height: 2rem;
    border-radius: 2rem;
    border: solid 2px #eda27a;
    position: absolute;
    bottom: -2.575rem;
    font-size: 0.625rem;
    text-align: center;
    line-height: 2rem;
}
.buy-common{
    background-color: #ffffff;
    left: 8.375rem;
    color: #eda27a;
}
.buy-vip{
    background-color: #fe6456;
    color: #ffffff;
    left: 15.5rem;
}